<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../wenzitubiao/font_a2huyqo64b/iconfont.css">
    <link rel="stylesheet" href="../css/item.css">
    <script src="../lb/jquery-1.11.3.js"></script>
    <script src="../lb/axios.js"></script>
    <script src="../this_locality.js/comfy.js"></script>
    <script src="../this_locality.js/cook.js"></script>
    
    
</head>
<body>
    <header>
        <nav>
            <!-- top-left未登录 -->
            <ul id="top-left">
                <li>考拉欢迎您！</li>
                <li><a href="reg.html">登录</a></li>
                <li><a href="reg.html">免费注册</a></li>
                <li class="img">
                    <a class="shouji" href="#">手机考拉</a>
                    <span class="erweima-span"></span>
                    <img src="../img/top-erweima.png" alt="">
                </li>
            </ul>
            <!-- top-left登录 -->
            <div id="yidenglu">
                <span id="delu-span">你好:</span>
                <i id="user-name"></i>
                <a href="javascript:;" id="tuichu">退出</a>
                <a class="shouji" href="#">手机考拉
                    <span class="erweima-span"></span>
                    <img src="../img/top-erweima.png" alt="">
                </a>
            </div>
            <!-- top-right -->
            <div id="topnanv">
                <div class="defu">
                    <a href="#" target="_self">每日签到</a>
                    <a href="#" target="_self">我的订单</a>
                </div>
                <div id="anvlfteb">
                    <div selec="bbs" class="posbox"> <a href="#">个人中心</a> <i></i>
                        <div id="center_1"></div>
                    </div>
                    <div selec="news" class="posbox"><a href="#">客户服务</a> <i></i>
                        <div id="center_2"></div>
                    </div>
                    <div selec="post" class="posbox"><a href="#">充值中心</a> <i></i>
                        <div id="center_3"></div>
                    </div>
                    <div selec="youhui" class="posbox xiaofei"><a href="#">消费者权益</a> <i></i>
                        <div id="center_4"></div>
                    </div>
                    <div selec="other" class="posbox"><a href="#">更多</a> <i></i>
                        <div id="center_5"></div>
                    </div>
                    <div id="seledbox" class="posiabox" style="display: none; left: 1px;">
                        <div>
                        </div>
                    </div>
                </div>
        </nav>
        <div id="top">
            <div id="docHead">
                <a href="#" class="logo-t"><img src="../img/logo.png" alt=""></a>
                <div class="m-searchiptbox">
                    <div class="sousuo">
                        <span class="span-fangdajing iconfont icon-index"></span>
                        <input class="sousuo-ipt" type="text" placeholder="请输入您要查询的商品">
                        <span class="span-gowu iconfont icon-index"></span>
                    </div>
                    <ul class="list">
                        <li><a href="#" class="teshu1">面膜</a></li>
                        <li><a href="#">口红</a> </li>
                        <li><a href="#">减肥</a> </li>
                        <li><a href="#" class="teshu">全球工厂店</a> </li>
                        <li><a href="#">运动鞋</a></li>
                        <li><a href="#">项链</a></li>
                        <li><a href="#">女包</a></li>
                    </ul>
                </div>
                <div class="add-gouwu">
                    <a href="#"><span class="iconfont icon-kefu1"></span></a>
                    <a href="cart.html"><i>购物车</i></a>
                </div>

            </div>
        </div>
    </header>
    <!-- 所有分类 -->
    <div class="toplevel">
        <nav>
            <div class="toplevel-left">
                <span>三</span>
                <span>所有分类</span>
                <ul>
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
            </div>
            <ul class="clearfix">
                <li><a href="#">首页</a></li>
                <li><a href="#">今日限时购</a></li>
                <li><a href="#">每日上新</a></li>
                <li><a href="#">国家馆</a></li>
                <li><a href="#">海外旗舰店</a></li>
                <li><a href="#">工厂店</a></li>
                <li><a href="#">品质奶粉</a></li>
                <li><a href="#">人气面膜</a></li>
                <li><a href="#">礼品卡</a></li>
            </ul>
        </nav>
    </div>
    <article>
        <!-- 放大镜 -->
        <div id="fada-box">
            <div id="zoomBox">
                <!-- <div id="midArea">
                    <img src="../img/10.jpg">
                    <div id="zoom"></div>
                </div>
                <div id="smallArea">
                    <ul>
                        <li><img src="../img/12.jpg"></li>
                        <li><img src="../img/11.jpg"></li>
                        <li><img src="../img/youhui/2_13.png"></li>
                        <li><img src="../img/youhui/2_05.png"></li>
                        <li><img src="../img/youhui/2_03.png"></li>
                    </ul>
                </div>
                <div id="bigArea">
                    <img src="../img/10.jpg">
                </div> -->
            </div>
            <aside id="article-right">
               <!--  <dl class="PInfo">
                    <dt class="PTags">
                        <h2><strong> DHC 蝶翠诗 纯榄润唇膏 1.5克</strong></h2>
                    </dt>
                    <dd class="m-price-wrap">
                        <div class="m-price">
                            <span class="s-price">售价</span>
                            <span class="j-price">￥55.00</span>
                            <span class="c-price">参考价&nbsp;￥200</span>
                        </div>
                        <span class="s-heika">黑卡会员可<i>省￥100</i></span>
                        <p class="h-huiyuan">含会员9折&nbsp;<a href="javascript:;">立即开卡</a></p>
                        <ul>
                            <li class="z-zuhe"><span>更多组合</span><i>1件装</i>|<em>单件10元</em></li>
                            <li><a style="color:#408aeb" href="#">两件装|单件20元</a></li>
                            <li class="l-linjuan">先领卷,在下单<a href="#">点击领取</a></li>
                        </ul>
                    </dd>
                    <dd class="m-zd-prt-line">
                            <ul>
                                <li class="h-huodong">
                                    <span class="h-dong">活动</span>
                                    <span class="n-yuan">N元任选</span>
                                    <a href="#" style="color: red;margin-left:20px; ">99元任选10件</a>
                                    <a href="#" style="color: red;margin-left:30px">点击凑单&rArr;</a>
                                </li>
                                <li class="y-yunfei">
                                    运费
                                    <span>满88元包邮ˇ</span>
                                </li>
                            </ul>
                        </dd>
                         <dd class="n-numer">
                            <span>数量</span>
                            <div>
                            <button class="last-number">-</button>
                            <input type="text" value="1">
                            <button class="next-number">+</button>
                        </div>
                        </dd>
                          <dd class="s-shuoming">
                            <i>说明</i> 
                            <span>会员9折</span>
                            <span>正品保障</span>
                            <span>支持30天退货</span>
                        </dd>
                      <dd class="buyBtns">
                            <a  class="j-buynow-btn" href="#">立即购买</a>
                            <a class="j-add2cart-btn" href="#">加入购物车</a>
                        </dd> 
                </dl> -->
            </aside>
        </div>
    </article>
    <script src="item.js"></script>
    
</body>
</html>